<template>
  <div class="step-box">
    <el-steps :active="caseStatus" finish-status="success" :align-center="true">
      <el-step v-for="(item, index) in followData" :key="index" :title="item.flowStep" :description="item.createTime"></el-step>
    </el-steps>
  </div>
</template>
<script>
// import api from '../api'
import { mapState } from 'vuex'
// import { CONSTANT_OBJ } from '@/utils/constant'
export default {
  props: { caseStatus: Number },
  data () {
    return {
      step: 0,
      followData: [
        {
          flowStep: '上传文件'
        },
        {
          flowStep: '执行导入'
        },
        {
          flowStep: '导入完成'
        }
      ]
    }
  },
  mounted () {},
  methods: {},
  computed: {
    ...mapState({
      approvalData: state => state.approval.approvalData
    })
  },
  watch: {
    caseStatus () {}
  }
}
</script>

<style lang="less" scoped>
@import "../../../assets/css/global.less";
.step-box{
  margin-bottom: 15px;
  color: @theme-color;
  border-color: @theme-color;
}
</style>
